<template>
  <div class="operatingData-container">
    <el-tabs v-model="editableTabsValue" type="card" @tab-click="tabClick">
      <el-tab-pane label="历史数据召回" name="1">
        <historicalData v-if="editableTabsValue == 1"></historicalData>
      </el-tab-pane>
      <el-tab-pane label="数据重算" name="2">
        <dataRecalculation v-if="editableTabsValue == 2"></dataRecalculation>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import historicalData from "@/views/databaseBasicData/operatingData/historicalData.vue"
import dataRecalculation from "@/views/databaseBasicData/operatingData/dataRecalculation.vue"

import nutbTitle from "@/components/base/tableTitle.vue";
export default {
  name: "operatingData",
  components: { historicalData, nutbTitle, dataRecalculation },
  data() {
    return {
      editableTabsValue: '1',
    };
  },
  created() {
  },
  methods: {
    tabClick() { }
  }
};
</script>
<style scoped>
.operatingData-container {
  height: calc(100vh - 130px);
}

.el-tab-pane {
  height: 100%;
}

.el-tabs--card {
  height: 100%;
}

::v-deep .el-tabs__content {
  height: calc(100% - 57px);
}
</style>

